* {
	text-align: center;
}

.contentArea {

}

.title {

}

.preview {
	margin-left: auto;
  	margin-right: auto;
  	width: 80%;
 	/*border:2px solid black;*/
 	display: inline-block;
 	min-height: 300px;
 	vertical-align: top;
}

.dropArea {
	width: 22%;
	border:2px dashed red;
	display: inline-block;
	min-height: 300px;
	float: left;
	text-align: center;
	position: relative;
}

.desText {
    width: 100%;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left:-50%; 
    margin-top: -40px;
    vertical-align: middle;

}

.viewArea {
	width: 75%;
	border:2px dashed red;
	display: inline-block;
	min-height: 300px;
	clear: both;
	text-align: center;
	vertical-align: middle;
}